﻿<!doctype html>
<html>
<head>
<script>  
function goauto() {
  var UA = navigator.userAgent.toLowerCase();
  var isMob = /iphone|ipad|ipod|ios|android/.test(UA);
  //if(isMob) {location.href = '/h5/';}
};
goauto();
window.addEventListener('resize', function(){
  setTimeout(function(){goauto()}, 500);
});
</script>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
<meta name='viewport' content='width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no'>
<link rel='shortcut icon' href='//txjia.com/imcat/views/base/assets/logo/favicon.ico' />
<script src='//txjia.com/share_ximps/vendui/jquery/jquery-2.x.js'></script>
<!--link href='//txjia.com/share_ximps/vendui/bootstrap/css/font-awesome.min.css' type='text/css' rel='stylesheet'/-->
<link href='//txjia.com/imcat/views/base/home/style.css' type='text/css' rel='stylesheet'/>

<title>Imcat•全端猫</title>
<meta name='keywords' content='Imcat,全端猫,App,小程序,Wap'>
<meta name='description' content='Imcat•全端猫` 是 `贴心猫`后端 + `uni-app` 前端 开发的一套 移动端全端源码；简约、轻量、实用、免费、共享。'>

<base target="_blank"/>
<style type="text/css">
.outnp{ max-width:720px; margin:1rem auto 1rem auto; }
.navp3{ display:flex; text-align:center;  }
.navp3 li{ width:33%; font-size:large; cursor:pointer; list-style:none; padding:0.5rem; 
	border-bottom:1px solid #999; border-left:1px solid #DDD; }
.navp3 li:first-child{ border-left:0px; }  
.navp3 li.act{ cursor:default; border-bottom:2px solid #69F; }
.navp3 li.dis{ cursor:help; color:#999; border-bottom:1px solid #DDD; }
.onep{ text-align:center; padding:1rem; }
.onep li{ list-style:none; display:inline-block; padding:1rem; }
.onep img, .onep div.img{ max-width:240px; max-height:240px; line-height:180%; }
.pics{ display:flex; }
.rem, .rem2{ text-align:left; color:#F00; font-size:small; }
.rem2{ color:#666; }
.pics .pic1{ width:33%; padding:0.5rem; }
.title{ font-size:large; font-weight:bold; padding:0.5rem; border-bottom:1px solid #EEE; }
.tsub{ font-size:large; font-weight:bold; padding:0 0.5rem; margin:1.5rem 0 0 0; text-align:left; border-bottom:1px solid #EEE; }
@media only screen and (max-width:480px){
    .gap{ display:none !important; }
} 
.lint{ border-top:1px solid #999; }
.linb{ border-bottom:1px solid #999; }
.foot{ max-width:720px; background:#EEE; padding:1rem 0; margin:1rem auto 1rem auto; border-top:1px solid #999; }
</style>
</head>
<body>

<!--[if lt IE 9]>
<p class='gwidth ie6'>浏览器版本太低，不支持HTML5，浏览效果可能不正常！</p>
<![endif]-->
<!--https://m3w.cn/uniapp-->

<div class="head">
    <a href="?" target="_self"><img src="//txjia.com/h5/logo/logo-3p.png" width="100"></a>
    <p class="gap">&nbsp;</p>
    <h1>
        <a href="//txjia.com/imcat/">Imcat</a>•全端猫 </h1>
    <p>`App-M*p-Wap`多合一</p>
</div>

<div class="clear"></div>

<div class="outnp linb">

  <nav class="navp3">
    <li class="act" title="Wap">Wap</li>
    <li class="" title="微信小程序，支付宝小程序，百度小程序，头条小程序">小程序</li>
    <li class="" title="App">App</li>
  </nav>

  <div class="onep" style="display:block">
    <img class="barcode-image" src="./pc/h5-217.png" alt="二维码(wap)">
    <div class="list">
      <p class="list-cell">扫描上方二维码预览，请使用手机浏览。</p>
      <p class="list-cell">H5地址：<a href="http://txjia.com/h5/" target="_self">http://txjia.com/h5/</a> 。</p>
      <p class="list-cell">PC浏览器，请打开控制台并切换至手机模式后再次点击链接。</p>
      <p class="rem2">部分页面打不开(已解决)：因为主体页是https，打开的页面是 http页面，浏览器默认的安全设置不允许打开；
      </p>
    </div>
  </div>

  <div class="onep" style="display:none">
    <div>
      <p class="tsub">微信小程序</p>
      <li>
        <img class="barcode-image" src="./pc/mp-wx.png" alt="二维码(wx)">
        <br>(随时修改中-较新)
      </li>
      <li>
        <img class="barcode-image" src="./pc/mp-wx.jpg" alt="二维码(wx)">
        <br>(稳定-较旧)
      </li>
      <p>微信扫码打开</p>
      <p class="rem">
        部分外部页面错误信息：“不支持打开非业务域名请重新配置"；因个人小程序号不允许设置业务域名导致。<br>
        [2019-10-23]审核：你的小程序当前页面涉及个人小程序未允许内容：文娱-资讯。
      </p>
    </div>
    <div>
      <p class="tsub">百度小程序</p>
      <li>
        <img class="barcode-image" src="./pc/mp-bd1.png" alt="二维码(bd)">
        <br>(较新-体验版)
      </li>
      <li>
        <img class="barcode-image" src="./pc/mp-bd2.png" alt="二维码(bd)">
        <br>(稳定-较旧)
      </li>
      <p>百度APP扫码打开</p>
      <p class="rem2">
        感谢`寄语秋枫(QQ4164*7126)`提供appid(需要企业身份申请)...<br>
        小程序名称设置 `Imcat•全端猫` 提示：该名称涉及品牌或商标，请更换名称或提交相应材料进行审核
      </p>
      <p class="rem2">
        业务域名 不支持IP地址及端口号，设置后生效需要一段时间。<br>
      </p>
    </div>
    <div>
      <p class="tsub">支付宝小程序</p>
      <li>
        <img class="barcode-image" src="./pc/mp-ali1.jpg" alt="二维码(ali)">
        <br>(较新-体验版)
      </li>
      <li>
        <div class="img">
          【提交审核尝试】<br>
          页面异常，页面加载不出来: 我的-至简生活、家族树、贴心口袋、等页面显示“页面访问受限”，请优化（iPhone8p）
        </div>   
        <br>(稳定-较旧)
      </li>
      <p class="rem">
        `页面访问受限`：`H5 白名单流程` 目前仅支持企业小程序，不支持个人小程序使用。<br>
        域名仅支持 https 开头的链接，不支持IP地址及端口号。
      </p>
    </div>
  </div>

  <div class="onep" style="display:none">
    <li>
      <img class="barcode-image" src="./pc/app-apk.png" alt="二维码(apk)">
      <br><a href="./pc/app.apk">for Android(公共证书)</a>
    </li>  
    <li>
      <img class="barcode-image" src="./pc/app-ipa.png" alt="二维码(ipa)">
      <br><a href="./pc/app.ipa">for Apple(越狱包)</a>
    </li>
    <p class="rem">因未上架到应用商店；如不能扫码下载，请点击文字链接，用浏览器打开下载...</p>
  </div>

</div>

<div class="clear"></div>
<div class="outnp ">

    <div>
      <p class="tsub"><b>申明（部分已解决）：</b></p>
      <p class="rem2">
        以上各红色文字提示，并非我`人品`与`技术`问题！<br>
        1. 要么是手头紧，资金问题：如花钱买https证书，花钱买（升级）服务器…<br>
        2. 要么是身份卑微，是个人身份而非企业：如“个人(微信小程序)号不允许设置业务域名”…<br>
        3. 要么是时间精力折腾问题：如等待审核...<br>
      </p>
    </div>
    <div>
      <p class="tsub">源码与发布 (DIY)</p> 
      <p class="rem2">
        Github下载：<a href="https://github.com/peacexie/appcat" target="_blank">`Imcat•全端猫`源码</a>；<br>
        部署参考文档：<a href="https://uniapp.dcloud.io/" target="_blank">Uni-app（Vue.js）框架</a>；<br>
        IDE打包发布工具：<a href="https://www.dcloud.io/hbuilderx.html" target="_blank">HBuilderX</a>；<br>
        自行下载、配置、编译、打包、上传、发布、上架应用…
      </p>
    </div>

</div>

<div class="clear"></div>

<div class="outnp">
  <p class="title">应用介绍：</p>
  <p>贴心猫(imcat) 是一款PHP+MySQL架构设计的通用网站系统，简约、轻量、实用、免费、共享；介于框架与CMS之间，也是一个实用的php工具包。</p>
  <p>uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可编译到iOS、Android、H5、以及各种小程序等多个平台。</p>
  <p>`Imcat•全端猫` 是 `贴心猫`后端 + `uni-app` 前端 开发的一套 移动端全端框架；同样是：简约、轻量、实用、免费、共享。</p>
</div>

<div class="clear"></div>

<div class="outnp">
  <p class="title">应用截图：(点击放大)</p>
  <div class="pics">
    <div class="pic1"><img src="./pc/cut-home.png" width="100%"></div>
    <div class="pic1"><img src="./pc/cut-peace.png" width="100%"></div>
    <div class="pic1"><img src="./pc/cut-me.png" width="100%"></div>
  </div>
</div>

<div class="foot">

<p>
    <a href='https://github.com/peacexie/appcat' target='_self'>Github</a>
    # Imcat•全端猫 #
    <a href='http://txjia.com/imcat/' target='_self'>贴心猫</a>
</p>
</div>

<script src='//txjia.com/imcat/views/base/assets/jslib/picPlay.js'></script>
<script>

$(function(){ 

$('.pics').picView();

$('.navp3 li').each(function(i1, e1) {
	$(e1).click(function(){ 
		if($(e1).hasClass('dis')) return false;
    $('.onep').hide();
    $('.onep').eq(i1).show();
    $('.navp3 li').removeClass('act');
    $(e1).addClass('act');        
	});
});

_ismb = '';
if(_ismb){
    //$('.vnote p').hide();
    //$('.foot span').hide();
}else{
    //qrActs();
}
});
</script>

</body>
</html>
